<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>

    <input type="button" value="get请求" class="get">
    <input type="button" value="post请求" class="post">
    <input type="button" value="postreg请求" class="postreg">

    <script>

        /**
         * 接口1：随机笑话
         * 请求地址：https://autumnfish.cn/api/joke/list?num=3
         * 
         */ 
        document.querySelector(".get").onclick = function () {
            axios.get("https://autumnfish.cn/api/joke/list?num=3").
            then(
                function(res) {
                    console.log(res.data.msg);
                    for(let i=0;i<res.data.jokes.length;i++) {
                        console.log(res.data.jokes[i]);
                    }
                }
            ).
            catch(
                function(err) {
                    console.log(err);
                }
            )
        }

        document.querySelector(".post").onclick = function () {
            axios.post("https://autumnfish.cn/api/joke/list?num=3").
            then(
                function(res) {
                    console.log(res.data.msg);
                    for(let i=0;i<res.data.jokes.length;i++) {
                        console.log(res.data.jokes[i]);
                    }
                }
            ).
            catch(
                function(err) {
                    console.log(err);
                }
            )
        }

        /**
         * 接口2：用户注册 
         * 请求地址：https://autumnfish.cn/api/user/reg
         * 
         */

         document.querySelector('.postreg').onclick = function() {
             axios.post("https://autumnfish.cn/api/user/reg", {username:"tom"})
             .then(function(res) {
                console.log(res.data);
             })
             .catch(function(err) {
                 console.log(err)
             })
         }

    </script>

</body>
</html>